<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <style type="text/css">
            img.fl {
                /* float:left; */
                /* float:right; */
                float: inherit;
                margin:5px;
            }

            h3.textline {
                clear:both;
                margin-bottom: 2px;
            }

            div.vsn {
                display:none;
            }

            div.container {
                width=100%;
                margin-top: 100px;
                border: 1px solid red;
                line-height: 150%;
            }
            div.header,div.footer {
                padding:0.5em;
                color:white;
                background-color:gray;
                clear:left;
            }

            div.left {
                float:left;
                width:150px;
                border: 1px solid blue;
                max-height:100px;
                overflow:scroll;
            }

            div.right {
                float:right;
                width:150px;
                margin:5px;
                border: 1px solid blue;
                padding:20px;
            }

        </style>
        <title>floating</title>
    </head>
    <body>
<div class="vsn">
        <img src="one.gif" alt="" class="fl" width="100" height="100" />
        <img src="two.gif" alt="" class="fl" width="100" height="100" />
        <img src="three.gif" alt="" class="fl" width="100" height="100" />
        <h3 class="textline">        second row</h3>
        <img src="one.gif" alt="" class="fl" width="100" height="100" />
        <img src="two.gif" alt="" class="fl" width="100" height="100" />
        <img src="three.gif" alt="" class="fl" width="100" height="100" />
</div>
        <p>    some text</p>
<div class="header">        w3schools.com</div>
<div class="left">left ttext text texttext text texttext text texttext text texttext text texttext text textext text text</div>
<div class="container">right text</div>
<div class="footer">        coryright</div>

    </body>
</html>
